          <div class="settings-container">
            <ul class="settings-navigation">
              <li class="active">
                <a data-toggle="tab" href="#portrait_tab">Портрет</a>              
              </li>
              <li>
                <a data-toggle="tab" href="#finance_tab">Финансы</a>
              </li>
              <li>
                <a data-toggle="tab" href="#alert_tab">Оповещения</a>
              </li>
              <li>
                <a data-toggle="tab" href="#myoffers_tab">Мои оферы</a>
              </li>
              <li>
                <a data-toggle="tab" href="#security_tab">Безопасность</a>
              </li>
              <li class="__premium">
                <a data-toggle="tab" href="#premium_tab">Премиум</a>
              </li>
            </ul>
            <div class="tab-content">
              <div class="portrait-cnt tab-pane active" id="portrait_tab">
                <form id="userSettingsForm">
                <div class="portrait-cnt_left">
                  <div class="portrait-cnt_photo">
                    <a class="portrait-cnt_photo-main">
                      <img src="css/images/profile.png" id="upload_img"/>
                    </a>
                    <div class="portrait-cnt_photos-mini">
                      <span class="profile_info_logo __plus" id="image_plus">
                        <div class="el-icon-plus"></div>
                      </span>
                    </div>
                    <input id="upload_input" type="file" style="display:none"/>
                    <input id="upload_fileid" name="foto" type="hidden"/>
                  </div>
                  <div class="portrait-cnt_interest">
                    <h3>Интересы</h3>
                    <input class="portrait-cnt_interest_field" type="text" placeholder="Введите через запятую" />
                    <ul class="portrait-cnt_interest_list">
                      <li><a data-tag="cat">Котятки</a></li>
                      <li><a data-tag="programmer">программисты</a></li>
                      <li><a data-tag="trash">колбасня</a></li>
                      <li><a data-tag="cool">приколюхи</a></li>
                    </ul>                    
                  </div>
                </div>
                <div class="portrait-cnt_right">
                  <div class="infopanel"></div>
                  <div class="portrait-cnt_info">
                    <div class="portrait-cnt_info_i">             
                      <input class="portrait-cnt_name" type="text" name="name" placeholder="Имя Фамилия"/>
                      <div class="portrait-cnt_sex">                      
                        <label class="portrait-cnt_sex_i">М
                          <input id="radio-1-1" class="regular-radio" type="radio" value="male" name="gender">
                          <label for="radio-1-1"></label>
                        </label>
                        <label class="portrait-cnt_sex_i">Ж
                          <input id="radio-1-2" class="regular-radio" type="radio" value="female" name="gender">
                          <label for="radio-1-2"></label>
                        </label>
                      </div>
                    </div>
                    <div class="portrait-cnt_info_i">
                      <input class="portrait-cnt_location" type="text" name="city_id" id="settingsCity" placeholder="Город"/>
                      <div class="portrait-cnt_children-action">
                        <span>Дети</span>
                        <label class="portrait-cnt_children-action_i">есть
                          <input id="radio-2-1" class="regular-radio" type="radio" value="1" name="childs"/>
                          <label for="radio-2-1"></label>                       
                        </label>
                        <label class="portrait-cnt_children-action_i">нет
                          <input id="radio-2-2" class="regular-radio" type="radio" value="0" name="childs"/>
                          <label for="radio-2-2"></label> 
                        </label>
                      </div>
                    </div>
                    <div class="portrait-cnt_info_i">
                      <input class="portrait-cnt_location datepick" type="text" name="birthday" placeholder="Дата рождения"/>
                    </div>                    
                    <div class="portrait-cnt_info_i">
                      <input class="portrait-cnt_location" type="text" name="profession" placeholder="Профессия"/>
                    </div>
                    <div class="portrait-cnt_info_i">
                      <textarea class="form-control" rows="3" name="about" placeholder="О себе"/></textarea>
                    </div>                    
                    <button class="btn-save-portrait-info" type="submit">сохранить</button>
                  </div>
                  <div class="portrait-cnt_socnet">
                    <h3>Профили в соц. сетях</h3>
                    <div class="portrait-cnt_socnet_btns">
                      <a href="#" class="btn-socnet disabled"><span class="el-icon-vkontakte"></span></a>
                      <a href="#" class="btn-socnet"><span class="el-icon-facebook"></span></a>
                      <a href="#" class="btn-socnet"><span class="el-icon-linkedin"></span></a>
                      <a href="#" class="btn-socnet"><span class="el-icon-twitter"></span></a>
                    </div>
                    <span class="portrait-cnt_socnet_text">Добавление поможет найти общих друзей с другими пользователями</span>
                  </div>
                  <div class="portrait-cnt_contacts">
                   <div class="portrait-cnt_contacts_i __email"> 
                     <div class="portrait-cnt_contacts_field">
                       <input type="text" placeholder="email" id="suggestEmail"/>
                       <span class="el-icon-warning-sign"></span>
                     </div>
                     <div class="portrait-cnt_contacts_btn_w">
                      <button class="portrait-cnt_contacts_btn">подтвердить</button>
                     </div>
                   </div>
                   <div class="portrait-cnt_contacts_i __phone">
                    <div class="portrait-cnt_contacts_field">
                       <input type="text" placeholder="Ваш телефон" id="suggestPhone"/>
                       <span class="el-icon-warning-sign"></span>
                     </div>
                     <div class="portrait-cnt_contacts_btn_w">
                      <button class="portrait-cnt_contacts_btn">подтвердить</button>
                     </div>
                   </div>                    
                  </div>
                  <!--
                  <div class="portrait-cnt_offer">
                    <a href="#offerform" class="portrait-cnt_offer_btn">Добавьте своей оффер</a>          
                    <div class="portrait-cnt_offer_list">
                      <input type="text" placeholder="Название оффера" />                      
                    </div> 
                    <div class="portrait-cnt_offer_alert">
                    <span class="el-icon-warning-sign"></span>
                     item is no longer being sold. The author may have stopped selling or it was taken down for other reasons. Either way it's no longer available. This sucks, we know, so be</div>
                  </div>--> 
                </div>        
                </form>    
              </div>
              <div class="tab-pane" id="finance_tab">
                Ваша реферальная ссылка: 
                <input type="text" class="form-control" value="" id="refLink"/>
                <div class="refList"></div>                
              </div>
              <div class="tab-pane" id="alert_tab">...</div>
              <div class="tab-pane" id="myoffers_tab">
              
              </div>
              <div class="security-cnt tab-pane" id="security_tab">
                <div class="security-changepass-form">
                  <h2>Смена пароля</h2>
                  <form id="changePassword">
                    <div class="infopanel"></div>
                    <div class="form-group">
                      <input type="password" class="form-control" name="password1" placeholder="Введите новый пароль" req="true"/>
                    </div>
                    <div class="form-group">
                      <input type="password" class="form-control" name="password2" placeholder="Повторите пароль" req="true"/>
                    </div>    
                    <p><button type="submit" class="btn btn-primary btn-lg">Сменить пароль</button></p>              
                  </form>
                </div>
                <table class="security-cnt_list">
                <tr>
                  <td class="security-cnt_title">Кто видит основную информацию моей страницы</td>
                  <td class="security-cnt_setting">
                    <div class="dropdown">
                      <a id="settingsMenu1" data-toggle="dropdown" href="#">Только я</a>
                      <ul class="dropdown-menu" aria-labelledby="settingsMenu1">
                        <li><a href="">Все пользователи</a></li>
                        <li><a href="">Все пользователи</a></li>
                        <li><a href="">Все пользователи</a></li>
                      </ul>
                    </div>
                  </td>
                </tr>
                <tr>
                  <td class="security-cnt_title">Кого видно в списке моих друзей и подписок</td>
                  <td class="security-cnt_setting">
                    <div class="dropdown">
                      <a id="settingsMenu2" data-toggle="dropdown" href="#">Только я</a>
                      <ul class="dropdown-menu" aria-labelledby="settingsMenu2">
                        <li><a href="">Все пользователи</a></li>
                        <li><a href="">Все пользователи</a></li>
                        <li><a href="">Все пользователи</a></li>
                      </ul>
                    </div>
                  </td>
                </tr>
                <tr>
                  <td class="security-cnt_title">Кого видно в списке моих друзей и подписок</td>
                  <td class="security-cnt_setting">
                    <div class="dropdown">
                      <a id="settingsMenu3" data-toggle="dropdown" href="#">Только я</a>
                      <ul class="dropdown-menu" aria-labelledby="settingsMenu3">
                        <li><a href="">Все пользователи</a></li>
                        <li><a href="">Все пользователи</a></li>
                        <li><a href="">Все пользователи</a></li>
                      </ul>
                    </div>
                  </td>
                </tr>
                <tr>
                  <td class="security-cnt_title">Кого видно в списке моих друзей и подписок</td>
                  <td class="security-cnt_setting">
                    <div class="dropdown">
                      <a id="settingsMenu4" data-toggle="dropdown" href="#">Только я</a>
                      <ul class="dropdown-menu" aria-labelledby="settingsMenu4">
                        <li><a href="">Все пользователи</a></li>
                        <li><a href="">Все пользователи</a></li>
                        <li><a href="">Все пользователи</a></li>
                      </ul>
                    </div>
                  </td>
                </tr>
                </table>
                <button class="security-cnt_btn-save">сохранить</button>
              </div>
              <div class="tab-pane" id="premium_tab">...</div>
            </div>
          </div>